<template>
    <div>
        <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000" class="box">
            <router-link to="/index/Home"><van-tabbar-item icon="home-o">首页</van-tabbar-item></router-link >
            <router-link to="/index/search"><van-tabbar-item icon="search">搜索 </van-tabbar-item></router-link>
            <router-link to="/index/mine"><van-tabbar-item icon="friends-o"> 我的</van-tabbar-item></router-link>
        </van-tabbar>
    </div>
</template>

<script>
    export default {
        name: "buttab",
        data() {
            return {
                active: 0,

            };
        },
    }
</script>

<style scoped>
    .box{
        display: flex;
        justify-content: space-around;
    }
    .router-link-active{
        color: red;
    }
</style>